<template>
	<view class="content">
		<view class="content-title"></view>
		<view class="content-monery">
			<view class="content-monery-num"> {{obj.receivedAmount||0}} </view>
			<view class="content-monery-txt"> 已冲 {{obj.flushed||0}} 单，金额直接入账钱包 </view>
		</view>
		<view class="content-order">
			<view class="content-order-title"> 上周已完成：{{obj.completedLastWeek||0}}单， </view>
			<view class="content-order-txt"> 本周完成 {{obj.completedThisWeek||0}}单后，即可获得奖励 </view>
		</view>
		<view class="content-roul">
			<view class="">本周完成订单数>上周完成订单数</view>
			<view class="">上周未完成订单雇员，本周完成一单后每单奖励{{obj.amount||0}}元 </view>
			<view class="">每多完成一单，<text>单单{{obj.amount||0}}元现金奖励</text></view>
			<view class="">订单工时需<text style="font-weight: 600;">≥6小时</text> </view>
			<view class=""> <text>订单须在本周内结算完成，否则不计入本周奖励\n例：周日20点开工，下周一5点结算订单，不计入本周，计入下周</text></view>
			<view class="">活动具有区域性，不同城市完单统计至不同城市的活动任务中 </view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				obj: {}
			}
		},
		onLoad() {
			this.selectItem()
		},
		methods: {
			// zhouChongDetails
			async selectItem() {
				let res = await this.$fetch(
					`${this.$api.zhouChongDetails}?region=${uni.getStorageSync('region1')}`, {}, 'GET')
				this.obj = res.data
			},
		}
	}
</script>
<style lang="scss" scoped>
	.content {
		background: url('../../static/bg.png') center center/cover no-repeat;
		width: 100%;
		overflow: hidden;

		&-title {
			background: url('../../static/title.png') center center/cover no-repeat;
			width: 590rpx;
			height: 209.6rpx;
			margin: 120rpx auto 0;
		}

		&-monery {
			background: url('../../static/monery.png') center center/cover no-repeat;
			width: 677.9rpx;
			height: 460.4rpx;
			margin: 67rpx auto 53rpx;
			overflow: hidden;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			&-num {
				margin-top: 60rpx;
				font-size: 120rpx;
				font-weight: bold;
				color: #FF3F38;
			}

			&-txt {
				margin-bottom: 65rpx;
				line-height: 39rpx;
				font-size: 34rpx;
				color: #FFFFFF;
			}
		}

		&-order {
			background: transparent url('../../static/order_number.png') center center/100% no-repeat;
			width: 648rpx;
			height: 149rpx;
			margin: 53rpx auto 0;
			text-align: center;
			overflow: hidden;
			display: flex;
			justify-content: space-between;
			flex-direction: column;

			&-title {
				color: #FFFFFF;
				text-shadow: 0rpx 3rpx 0rpx rgba(213, 2, 0, 0.48);
				margin-top: 35rpx;
			}

			&-txt {
				font-weight: 500;
				color: #FFFFFF;
				margin-bottom: 35rpx;
			}
		}

		&-roul {
			background: url('../../static/roul1.png') center center/cover no-repeat;
			width: 702rpx;
			height: 703rpx;
			margin: 40rpx auto;
			font-size: 28rpx;
			font-family: SimHei;
			font-weight: 400;
			color: #333333;
			line-height: 51rpx;
			text-align: left;
			border: 1rpx solid transparent;

			&>view:nth-child(1) {
				margin-top: 172rpx;
			}

			&>view:nth-child(2) {}

			&>view:nth-child(3) {
				&>text {
					font-size: 28rpx;
					font-weight: 600;
				}
			}

			&>view {
				display: flex;
				align-items: center;
			}

			&>view::before {
				content: '';
				width: 14rpx;
				height: 14rpx;
				background: #333333;
				border-radius: 50%;
				margin: 0 14rpx 0 19rpx;
			}

			&>view:nth-child(5)::before {
				content: '';
				width: 16rpx;
				height: 14rpx;
				background: #333333;
				border-radius: 50%;
				margin: 0 14rpx 0 19rpx;
			}

			&>view:nth-child(5) {
				display: flex;
				align-items: baseline;
			}

			&>view:nth-child(6) {
				display: flex;
				align-items: baseline;
			}
		}
	}
</style>